<template>
  <div class="ck">
    <div class="header">
      <ul>
        <li><div class="head-font"></div></li>
        <li><p>&nbsp; 协议管理</p></li>
      </ul>
      <AgreementTab style="background-color: white; padding-left: 10px" />
      <div style="background-color: white">
        <span style="font-size: 18px; margin-left: 10px">内容</span>
        <quillEditor
          style="background-color: white; margin-top: 10px; padding-left: 10px"
        ></quillEditor>
      </div>
    </div>
  </div>
</template>
  
  <script>
import AgreementTab from "../editor/agreementTab.vue";
import { quillEditor } from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
export default {
  components: {
    AgreementTab,
    quillEditor,
  },
};
</script>
  
  <style>
.ck {
  width: 1250px;
  height: 980px;
}
.header ul {
  width: 1250px;
  height: 50px;
  background-color: white;
  display: flex;
  padding-top: 20px;
  padding-left: 30px;
}
.header ul p {
  font-size: 22px;
}
.head-font {
  background-color: #0066ff;
  width: 7px;
  height: 25px;
  border-radius: 10px;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.state {
  margin-top: 15px;
}
</style>